<?php get_header(); ?>
<div id="box">
    <div id="container">        
        <div id="content">
            <div id="about-us">
                <?php
                $post = get_post(27);
                echo '<h4><a href="' . get_permalink(27) . '">' . $post->post_title . '</a></h4>';
                echo '<div class="l"><a href="' . get_permalink(27) . '">';
                the_post_thumbnail();
                echo '</a></div>';
                echo '<div class="r box-ctn-info">';
                echo wp_trim_words($post->post_content, $num_words = 50, $more = null);
                echo '</div>';
                wp_reset_query();
                ?>
                <div class="clear"></div>
            </div>
            <div id="product">
                <div class="tit-pro"><h3>Typical products</h3></div>
                <ul class="items-pro">
                    <?php
                    global $post;
                    $i = 1;
                    $query_loop = array(
                        'post_type' => 'product',
                        'posts_per_page' => 20
                    );
                    $loop = new WP_Query($query_loop);
                    while ($loop->have_posts()):$loop->the_post();
                        if ($i % 4 == 1) {
                            ?>                            
                            <li class="item-pro">
                                <ul>
                                <?php } ?>
                                    <li><a href="<?php the_permalink(); ?>">
                                    <?php the_post_thumbnail(); ?></a>
                                    <p><a href="<?php the_permalink(); ?>"><?php the_title(); ?> 
                                        </a></p>                                    
                                </li>
                                <?php
                                if ($i % 4 == 0) {
                                    ?> </ul><div class="clear"></div><div class="hr"></div></li>
                                    <?php
                                }
                                $i++;
                            endwhile;
                            wp_reset_query();
                            ?>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div id="sidebar">
            <? get_sidebar(); ?>
        </div>
        <div class="clear"></div>
        <div id="bottom">
            <div class="l">
                <h4>SEAWEALTH VN COMPANY LIMITED</h4>
                <p>Address: 121 LY Tu Trong Street, 3 ward, Vung  Tau city, Viet Nam</p>
                <p>Phone: 0646 250 579 - 568 - 679</p>
                <p>Email: info@namviet-it.com</p> 
            </div>
            <div class="r" style="width: 50%">
                <?php
                wp_nav_menu(array(
                    'theme_location' => 'secondary-menu',
                    'menu_id' => 'bot-nav')
                );
                ?> 
                <div class="r">
                    <p class="r">Copyright 2013 by <a href="http://localhost/seafood/">http://seawealthvn.com.</a> Allright Reserved.</p>
                    <p class="r">Design by <a href="http://namviet-it.com">namviet</a></p>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>

        </div>  
    </div>
</div>
<?php get_footer(); ?>
